<template>
  <div class="about">
    <h1>This is an about page</h1>
    <!-- <button @click="onClick">+1</button> -->
  </div>
</template>

<script lang="ts" setup>

// import { reactive, ref, watch, computed, onMounted, onUnmounted, onUpdated } from 'vue'
// import { useStore } from 'vuex'
// import { RootState } from '@/store'
// import { useRoute, useRouter } from 'vue-router'

// const store = useStore<RootState>()

// const router = useRouter()
// const route = useRoute()

// store.state.list.forEach(v => {
  
// })
// store.dispatch('')
// store.commit('')








// interface DataState {
//   name: string
//   age: number
// }


// const str = ref<string>('')
// str.value

// const data = reactive<DataState>({
//   name: '哈哈',
//   age: 18
// })

// const onClick = () => {
//   console.log(1);
// }

// watch(str, () => {

// })

// const dou = computed(() => data.age * 2)


// onMounted(() => {
//   // 页面挂载完毕
// })

// onUpdated(() => {
//   // 数据发生更新
// })

// onUnmounted(() => {
//   // 卸载
// })

</script>